<template>
	<view>
		<view class="m-bg-c">
			<view class="m-card">
				<view class="u-flex u-flex-between u-flex-items-center u-p-30">
					<view class="u-flex u-flex-items-center">
						<text class="u-font-26">可提现总金额：</text>
						<view class="u-font-48 m-font-b m-c-o">{{ value }}</view>
						<text class="u-font-22 m-font-b">元</text>
					</view>
					<view class="xiazai" @click="show = true">申请提现</view>
				</view>
			</view>

			<view class="heighly">
				<view v-if="dataList.length">
					<view class="m-card u-m-t-30" v-for="(item, index) in dataList" :key="index">
						<!-- 客户 -->
						<u-cell-group>
							<u-cell size="large">
								<view slot="title" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">经纪人姓名：</text>
									<text class="u-font-28 m-c-1a">{{ item.name }}</text>
								</view>
								<view slot="value" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">手机号：</text>
									<text class="u-font-28 m-c-1a">{{ item.mobile }}</text>
								</view>
							</u-cell>
							<u-cell size="large">
								<view slot="title" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">客户姓名：</text>
									<text class="u-font-28 m-c-1a">{{ item.name }}</text>
								</view>
								<view slot="value" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">客户号码：</text>
									<text class="u-font-28 m-c-1a">{{ item.mobile }}</text>
								</view>
							</u-cell>
							<u-cell size="large">
								<view slot="title" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">购买楼盘：</text>
									<text class="u-font-28 m-c-1a">{{ item.name }}</text>
								</view>
							</u-cell>
							<u-cell size="large">
								<!-- <view slot="title" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">购买时间：</text>
									<text class="u-font-28 m-c-1a">{{ item.name }}</text>
								</view> -->
								<view slot="value" class="u-flex u-flex-items-center">
									<text class="u-font-26 m-c-9e">佣金：</text>
									<view class="ndj-or u-font-48 m-font-b">{{ 1233 }}</view>
									<text class="m-c-9e">（元）</text>
								</view>
							</u-cell>
						</u-cell-group>
					</view>
				</view>
				<list-empty v-else text="暂时没有数据哟!" list="data" :listHighly="highly"></list-empty>
			</view>
			<u-back-top :scrollTop="pagescrollTop" top="200"></u-back-top>
		</view>

		<!-- 弹出框下载 -->
		<u-popup :show="show" :round="10" mode="center" @close="close" @open="open">
			<!-- <view class="u-p-30">
				<view class="u-font-40 m-c-4 u-m-30 u-flex u-flex-center">提现请下载“内当家APP”</view>
				<view class="ndj-or u-flex u-flex-center u-flex-items-center m-font-b">
					团购买房最高现金补贴
					<text class="u-font-40 m-font-b">5</text>
					万
				</view>
				<view class="ndj-or u-flex u-flex-center m-font-b">还有更多优惠</view>
				<view class="u-flex u-flex-center u-m-30"><u--image width="130" mode="widthFix" :src="oss + '/mine/er.png'"></u--image></view>
				<view class="u-flex u-flex-between u-flex-items-center u-p-t-30">
					<view class="u-flex u-flex-items-center">
						<u--image width="55" height="55" :src="oss + '/mine/x.png'"></u--image>
						<view class="list-info u-m-l-20">
							<view class="u-font-24 u-w-f">内当家 - 房产比价APP</view>
							<view class="u-font-24 m-c-9 u-m-t-20">团购省钱 ,现金补贴</view>
						</view>
					</view>
					<view class="liji" @click="nextNav('no')">立即下载</view>
				</view>
			</view> -->
			<view class="u-p-30">
				<view class="m-b-x">
					<view class="u-m-l-50"><u--image width="320rpx" height="150rpx" :src="oss + '/df/wxts.png'"></u--image></view>
					<view class="app-box">
						<view class="m-c-1a m-font-b u-font-30">
							微信提现每次最高可提现200元 下载内当家APP可
							<text class="m-c-g">全部提现到账</text>
						</view>
						<view class="m-font-b u-font-30 m-c-g">可提现：{{ value }}元</view>
					</view>
					<view class="u-border-top u-m-t-40 btn-boxs" @click="nextNav('/pages/mine/withdrawal?val=' + value)">继续,微信提现200元</view>
					<view class="u-border-top btn-boxs m-c-g" @click="nextNav('no')">下载内当家APP提现3{{ value }}元</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	data() {
		return {
			value: 0,
			show: false
		};
	},
	async onLoad(e) {
		if (e && e.value) {
			this.value = e.value;
		}
		this.path = 'getTxmoney';
		this.params = {
			...this.params,
			pnum: this.pnum
		};
		await this.getList();
	},
	methods: {
		open() {
			// console.log('open');
		},
		close() {
			this.show = false;
			// console.log('close');
		},
		async tx() {
			// let txmoney = await this.require('getWithdr',{money:this.value});
			// if (txmoney) {
			// 	this.$u.toast('申请提现成功！')
			// }
		}
	}
};
</script>

<style lang="scss" scoped>
.m-bg-c {
	background: linear-gradient(#0e5642, #0e5642 280rpx, #f6f5f5 280rpx, #f2f2f2 100%);
	min-height: 100vh;
	padding: 30rpx;
}

.xiazai {
	width: 200rpx;
	height: 60rpx;
	line-height: 60rpx;
	background-color: #dbb07b;
	border-radius: 40rpx;
	font-size: 28rpx;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.liji {
	width: 200rpx;
	height: 70rpx;
	line-height: 70rpx;
	background-color: #dbb07b;
	border-radius: 40rpx;
	font-size: 32rpx;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-left: 30rpx;
}

.m-c-4 {
	color: #135440;
	font-weight: bold;
}

.m-c-9 {
	color: #979797;
}

.u-w-f {
	font-weight: bold;
}

.u-font-48 {
	font-size: 40rpx;
	font-weight: bold;
}

.m-b-x {
	width: 500rpx;
}

.app-box {
	border: 2rpx solid #135440;
	border-radius: 30rpx;
	padding: 60rpx 30rpx;
}

.btn-boxs {
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	color: #8e8e8e;
	font-size: 30rpx;
}
</style>
